layui.use(['form','layer'], function(){
	var form = layui.form;
	var layer = layui.layer;
	
	form.on('submit(btn-sumbit)', function(data){
		//console.log(data.elem) //被执行事件的元素DOM对象，一般为button对象
		//console.log(data.form) //被执行提交的form对象，一般在存在form标签时才会返回
		//console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
		login(data.field);
		return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
	});
	
	form.verify({
		username: function(value, item){ //value：表单的值、item：表单的DOM对象
			if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){
			  return '用户名不能有特殊字符';
			}
			if(/(^\_)|(\__)|(\_+$)/.test(value)){
			  return '用户名首尾不能出现下划线\'_\'';
			}
			if(/^\d+\d+\d$/.test(value)){
			  return '用户名不能全为数字';
			}
		}
		  
		//我们既支持上述函数式的方式，也支持下述数组的形式
		//数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
		,password: [
		    /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
		]
	});
	
	form.render();

});

function login(data){
	 $.ajax({
		type: 'post',
		url: '/base/login/checkLogin',
		data: data,
		dataType: 'json',
		success:function(result){
			var rtn = result.rtn;
			if(rtn=="ok"){
				sessionStorage.setItem("name", result.name);
				window.location.href = "/base/login/home";
			}else{
				var msg = result.msg;
				layui.layer.msg(msg, {icon: 2});
			}
		},
		error:function(e){
			layui.layer.msg('网络出错', {icon: 2});
		}
	});
}